@import '@/styles/variables.scss';

.dt-scene {
  width: 100%;
  height: 100%;
  overflow: hidden;
  #viewer-container {
    width: 100%;
    height: 100%;
  }

  .toolbar-container {
    // position: absolute;
    // bottom: 0;
    height: 74px;
    width: 100%;
    display: flex;
    justify-content: space-between;

    .toolbar-left {
      flex: 1;
      background-image: url('~@/assets/img/tool-bar/toolbar-border.png'),
        url('~@/assets/img/tool-bar/toolbar-arrow-left.png');
      background-position: left top, right top;
      background-repeat: no-repeat, no-repeat;
      background-size: calc(100% - 278px) 100%, 278px 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 25px 0 0 0;
    }

    .toolbar-middle {
      min-width: 65%;
      transition: 0.2s ease-in-out;

      &.move {
        transform: translateY(73px);
        opacity: 0;
      }
    }

    .toolbar-right {
      flex: 1;
      // background-image: url("~@/assets/images/toolbar-arrow-right.png"), url("~@/assets/images/toolbar-border.png");
      // background-position: left top, right top;
      // background-repeat: no-repeat, no-repeat;
      // background-size: 278px 100%, calc(100% - 278px) 100%;
      // display: flex;
      // justify-content: center;
      // align-items: center;

      // .toolbar-right__button {
      //   transform: translateY(14px);

      //   .el-button {
      //     padding: 5px 15px;
      //   }
      // }

      // // 标绘工具
      // .plot-list {
      //   position: absolute;
      //   right: 67px;
      //   bottom: 40px;
      // }

      // // 显示控制
      // .assist-box {
      //   position: absolute;
      //   right: 42px;
      //   bottom: 40px;
      // }
    }
  }
}
